<template>
    <div class="box">
        <div v-for="(todo, index) in todos" :key="todo.id">
            <slot :row="todo" :$index="index"> 
                {{ todo.id }} -- {{ todo.text }}
                
            </slot>
        </div>
    </div>
</template>

<script>
export default {
    name: "List",
    props: ['todos']
};
</script>
